@charset "UTF-8";
// Author:   张卫明 Description: 侧边工具栏
@import "../base/_common";

.sidebar{
	position:fixed;
	top:0;
	right:0;
	z-index:30;
	width:35px;
	height:100%;
	background-color:#000;
	.tit,.mall-my{
		display:block;
		width:17px;
		padding:7px 9px 0;
		text-align:center;
		line-height:16px;
		cursor:pointer;
		i{
			display:block;
		}
		&:hover{
			padding-left:7px;
			background:#3b3b3b;
			border-left:2px solid #03a9f4;
		}
	}
	.icon-client,.icon-weixin,.icon-collection,.icon-browse,.icon-advice,.icon-comp,.icon-top,.ico-advice-arrows,.icon-calculator,.icon-help,.icon-quest{
		background-image:url('#{$imgurl-base}/public/index-icon.png?334');
		background-repeat:no-repeat;
	}
}

.side-abs{
	font-size:14px;
	color:#fff;
	a{
		color:#fff;
		&:hover{
			text-decoration:none;
			color:#fff;
		}
	}

	li{
		float:left;
		position:relative;

	}
	.tit{
		padding:18px 9px 18px 9px;
		i{
			margin-bottom:5px;

		}
		&:hover{
			position:relative;
			padding:18px 9px 18px 7px;
		}
	}

	.mall-my{
		padding:18px 9px 18px 9px;
		i{
			margin-bottom:5px;

		}
		&:hover{
			position:relative;
			padding:18px 9px 18px 7px;
		}
	}

	.mall-quest{
		padding:18px 9px 18px 9px;
		i{
			margin-bottom:5px;

		}
		&:hover{
			position:relative;
			padding:18px 9px 18px 7px;
		}
	}

	.line{
		width:25px;
		height:1px;
		margin:0 5px;
		background-color:#444;
		overflow:hidden;
	}

	.icon-calculator{
		background-position:1px -136px;
		height: 14px;
    	width: 17px;
	}

	.icon-client{
		background-position:0px -23px;
		height: 16px;
    	width: 16px;
	}
	.icon-weixin{
		background-position:0px -59px;
		height: 13px;
    	width: 17px;
	}

	.icon-collection{
		background-position:0px -92px;
		height: 16px;
    	width: 16px;
	}
	.icon-browse{
		background-position:0px -114px;
		height: 17px;
    	width: 17px;
	}
	/*帮助中心图标 张禀奇添加 2015-6-19*/
	.icon-help{
		background-position:0px -157px;
		width:16px;
		height:16px;
	}

	.icon-quest{
		background-position:1px -179px;
		width:16px;
		height:16px;
	}

	.weixin-bd{
		display:none;
		position:absolute;
		right:35px;
		top:0;
		width:90px;
		height:90px;
		padding:4px;
		background:#fff;
		border:1px solid #d2d2d2;
	}
	.weixin-show{
		.tit{
			position:relative;
			margin:-1px 0;
			padding:19px 9px 1px 7px;
			background:#3b3b3b;
			border-left:2px solid #03a9f4;
		}
		.weixin-bd{
			display:block;
		}
	}
}


.min-side-abs {
	.tit,.mall-my{
	    height: 25px;
	    padding: 8px  9px 0;

	    &:hover{
	    	padding:8px 9px 0px 7px;
	    }
	}
	.icon-text{display:none;}
}

.side-fix{
	position:fixed;
	right:0;
	bottom:0px;
	width:35px;
	background-color:#000;

	li{
		position:relative;
		//margin-bottom:10px;
	}
	.tit{
		height:23px;
	}
	.line{
		width:25px;
		height:1px;
		margin:0 5px;
		background-color:#444;
		overflow:hidden;
	}
	.icon-advice{
		height: 17px;
    	width: 17px;
    	background-position:0px -59px;
	}
	.icon-top{
		height: 10px;
    	width: 17px;
    	background-position:0px -44px;
	}
	.icon-comp{
		height: 20px;
    	width: 17px;
    	background-position:0px 0px;
	}
	.a-comp{
		height:25px;
		padding-top:8px;
		cursor:poniter;
	}
	.a-top{
		height:21px;
		padding-top:9px;
		cursor:poniter;
	}
}

.advice-pop{
	display: none;
	position: absolute;
	right: 50px;
	top: 0;
	width: 86px;
	height: 30px;
	line-height: 30px;
	background-color: #494949;
	text-align: center;
	font-size: 14px;
	color: #fff;
	.ico-advice-arrows{
		background-position:0px -75px;
	    height: 12px;
	    position: absolute;
	    right: -6px;
	    top: 9px;
	    width: 7px;
	}
}

.feedbook{
	padding:10px;
	width:675px;

	dt,dd{
		float:left;
		padding:0px 0px 15px 0px;
		font-size:14px;
		line-height:25px;

		min-height:30px;
	}

	dt{width:140px;text-align:right;}

	dd{
		padding-left:20px;
		width:400px;

		label{
			float:left;
			padding-right:20px;
		}
		input{
			float: left;
		    margin-right: 5px;
		    margin-top: 5px;
		}

		textarea{
			width:380px;
			height:100px;
			font-size:14px;
			color:#333;
			line-height:120%;
			padding:4px 10px;
		}

	}

	.submit-feed{
		padding:0px 0px 0px 160px;

	}

	.submit-error{
		height:30px;
		line-height:20px;
		padding-left:160px;
		color:$color-red-1;
	}

	.feedbook-btn{
	    color: #fff;
	    cursor: pointer;
	    display: block;
	    font-size: 14px;
	    font-weight: bold;
	    width: 150px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    border-radius:3px;
	    background-color: $color-blue-3;
	    border:0px;

	    &:hover{
	    	color:#fff;
	    	text-decoration:underline;
		}
	}

	.btn-disabled{
		background-color: $color-gray-3;
		cursor:default;
		&:hover{
			color:#fff;
			text-decoration:none;
		}
	}

}